<template>
  <el-menu
      :default-active="this.path"
      router
      class="el-menu-vertical-demo"
     
      unique-opened
  >
    <div style="display: flex;align-items: left;justify-content: left;padding: 11px 0;">
      <img alt="" src="@/assets/logo.png" style="width: 120px;" @click="toDataView()">
    </div>
    <el-menu-item index="/ManageHome">
        <i class="el-icon-s-home" style="font-size:15px;color: #143371;">首页</i>
    </el-menu-item>
    <el-submenu  index="2">
        <template slot="title">
          <i class="
            el-icon-document-remove"></i>
          <span>内容管理</span>
        </template>
        <el-menu-item  index="/SceneryInfo"><span>景区信息</span></el-menu-item>
      <el-menu-item  index="/StrategyInfo" ><span>攻略信息</span></el-menu-item>
      <el-menu-item  index="/ActivityInfo"><span>活动信息</span></el-menu-item>
      <el-menu-item  index="/RouterInfo"><span>路线信息</span></el-menu-item>
    </el-submenu>
    
    <el-submenu  index="3">
        <template slot="title">
          <i class= "el-icon-tickets"></i>
          <span>门票管理</span>
        </template>
     
      <el-menu-item  index="/TicketInfo"><span>门票信息</span></el-menu-item>
     
    </el-submenu>
    <el-submenu  index="4">
        <template slot="title">
          <i class="el-icon-goods"></i>
          <span>订单管理</span>
        </template>
       
        <el-menu-item  index="/TicketOrder"><span>门票订单</span></el-menu-item>
        <el-menu-item index="/GoodsOrder"><span>文创订单</span></el-menu-item>
        
     
    </el-submenu>

    <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-mouse"></i>
          <span>服务管理</span>
        </template>
      <el-menu-item index="/WenGoodsInfo"><span>文创商品</span></el-menu-item>
      <el-menu-item  index="/FoodInfo"><span>美食门店</span></el-menu-item>
      <el-menu-item index="/LostObject"><span>失物招领</span></el-menu-item>
      <el-menu-item  index="/FeedBack"><span>意见反馈</span></el-menu-item>
   
    
    </el-submenu>
    
       <el-submenu index="6">
        <template slot="title">
          <i class="el-icon-monitor"></i>
          <span>系统管理</span>
        </template>
      <el-menu-item index="/UserInfo"><span>用户管理</span></el-menu-item>
      <el-menu-item  index="/NoticeInfo"><span>公告管理</span></el-menu-item>
    
   
    
    </el-submenu>
   
    
  </el-menu>
</template>

<script>
export default {
  data(){
    return {
      path: this.$route.path,
    }
  },
    methods:{
      toDataView(){
        this.$router.push({ name: 'homeView' })
      }
    }
}
</script>

<style scoped>

span {
  color:#143371 ;
}

</style>